<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit"/>
    <meta name="robots" content="index, follow"/>
    <title>我的网站</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content="order by website"/>
    <link rel="stylesheet" type="text/css" href="skin/css/font-awesome.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="skin/css/bootstrap.min.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="skin/css/owl.carousel.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="skin/css/owl.theme.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="skin/css/settings.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="skin/css/style-red.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="skin/css/tk.css" media="screen"/>
    <script type="text/javascript" src="skin/js/jquery.min.js"></script>
    <script type="text/javascript" src="skin/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="skin/js/owl.carousel.min.js"></script>
</head>

<body>
<div id="container">
    <header class="clearfix" id="header-sec">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="top-line">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-sm-9 topbar-left">
                            <ul class="info-list">
                                <li class="tb-adword"><i class="fa fa-anchor"></i> <span>厂家直销，玩具批发，加盟招商第一品牌</span></li>
                                <li class="tb-phone"><i class="fa fa-phone"></i> 服务热线: <span>400-001-0000</span></li>
                                <li class="tb-email"><i class="fa fa-envelope-o"></i> 电子邮箱: <span>admin@qq.com</span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-4 col-sm-3 topbar-right">
                            <ul class="social-icons">
                                <li>
                                    <a href="javascript:;" target="_blank"><i class="fa fa-weibo"></i></a>
                                </li>
                                <li>
                                    <a href="javascript:;" target="_blank"><i class="fa fa-tencent-weibo"></i></a>
                                </li>
                                <li>
                                    <a href="javascript:;" target="_blank"><i class="fa fa-qq"></i></a>
                                </li>
                                <li>
                                    <a href="javascript:;" target="_blank"><i class="fa fa-shopping-cart"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-toggle collapsed mmenu-btn" href="#mmenu"> <span
                            class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span
                            class="icon-bar"></span> <span class="icon-bar"></span> </a>
                    <a class="navbar-brand" href="javascript:;"> <img src="skin/images/logo.png" alt="" class="logo"/>
                        <img src="skin/images/logo-m.png" alt="" class="logo-m"/> </a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right" id="navigation">
                        <li class="Lev1">
                            <a href="index.html" class='menu1 active'>网站首页 </a>
                        </li>
                        <li class="Lev1">
                            <a href="about_us.html" class="menu1 ">关于我们
                                <i class="fa fa-caret-down"></i></a>
                            <ul class="drop-down sub-menu2">

                                <li class="Lev2">
                                    <a href="about_us.html" class="menu2">公司简介</a>
                                </li>

                                <li class="Lev2">
                                    <a href="about_brand.html" class="menu2">品牌起源</a>
                                </li>

                                <li class="Lev2">
                                    <a href="about_album.html" class="menu2">公司相册</a>
                                </li>

                            </ul>
                        </li>
                        <li class="Lev1">
                            <a href="product.html" class="menu1 ">产品系列
                                <i class="fa fa-caret-down"></i></a>
                            <ul class="drop-down sub-menu2">

                                <li class="Lev2">
                                    <a href="product.html" class="menu2">二通道/上下型</a>
                                </li>

                                <li class="Lev2">
                                    <a href="product.html" class="menu2">三通道/转弯型</a>
                                </li>

                                <li class="Lev2">
                                    <a href="product.html" class="menu2">四通道/动作型</a>
                                </li>

                                <li class="Lev2">
                                    <a href="product.html" class="menu2">X-SERIES系列</a>
                                </li>

                            </ul>
                        </li>
                        <li class="Lev1">
                            <a href="product_diy.html" class="menu1 ">定制案例
                            </a>

                        </li>
                        <li class="Lev1">
                            <a href="news.html" class="menu1 ">新闻资讯
                            </a>

                        </li>
                        <li class="Lev1">
                            <a href="product_yuanli.html" class="menu1 ">产品原理
                            </a>

                        </li>
                        <li class="Lev1">
                            <a href="join_us.html" class="menu1 ">招商加盟
                                <i class="fa fa-caret-down"></i></a>
                            <ul class="drop-down sub-menu2">

                                <li class="Lev2">
                                    <a href="join_us.html" class="menu2">加盟细则</a>
                                </li>

                                <li class="Lev2">
                                    <a href="join_us.html" class="menu2">加盟流程</a>
                                </li>

                                <li class="Lev2">
                                    <a href="join_us.html" class="menu2">回报优势</a>
                                </li>

                            </ul>
                        </li>
                        <li class="Lev1">
                            <a href="contact.html" class="menu1 ">联系我们
                            </a>

                        </li>
                        <li class="search nav-search">
                            <a href="javascript:;" class="open-search"><i class="fa fa-search"></i></a>
                            <form class="form-search" id="searchform" name="formsearch" action="javascript:;">
                                <input type="hidden" name="kwtype" value="0"/>
                                <input type="search" value="" name="q" class="search-input" placeholder="输入关键字"/>
                                <button type="submit" class="search-btn"><i class="fa fa-search"></i></button>
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <section id="home-section" class="slider1">
        <div class="tp-banner-container">
            <div class="tp-banner">
                <ul>
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on"
                        data-title="banner1"><img src="skin/images/1-1P424151104D7.jpg" alt="幻灯3"
                                                  data-bgposition="center top" data-bgfit="cover"
                                                  data-bgrepeat="no-repeat"/></li>
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on"
                        data-title="banner1"><img src="skin/images/1-1P4241510435R.jpg" alt="幻灯2"
                                                  data-bgposition="center top" data-bgfit="cover"
                                                  data-bgrepeat="no-repeat"/></li>
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on"
                        data-title="banner1"><img src="skin/images/1-1P424151021Y2.jpg" alt="幻灯1"
                                                  data-bgposition="center top" data-bgfit="cover"
                                                  data-bgrepeat="no-repeat"/></li>

                </ul>
                <div class="tp-bannertimer"></div>
            </div>
        </div>
    </section>
    <section class="services-section" id="index-cate">
        <div class="container">
            <div class="services-box">
                <div class="row" id="app" >

                    <div class="col-md-3 col-sm-6 col-xs-6 cate-itme" v-for="item in proArr">
                        <div class="services-post">
                            <a href="javascript:;" class="thumb-link"><img :src="item.imgPath"/></a>
                            <div class="services-content">
                                <h2><a href="javascript:;">{{item.productName}}</a></h2>
                                <p>{{item.productDesc}}</p>
                                <a href="javascript:;" class="readmore">查看更多 <i
                                        class="fa fa-angle-double-right"></i></a>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </section>
    <section class="portfolio-section" id="index-portfolio">
        <div class="container">
            <h3 class="text-center section-title"><a href="javascript:;">产品系列</a></h3>
            <div class="portfolio-box owl-wrapper">
                <div class="owl-carousel" data-num="4">
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P403113H2416.jpg" alt="产品名称二"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称二</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称二">产品名称二</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P403114205448.jpg" alt="产品名称八"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称八</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称八">产品名称八</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P403114245337.jpg" alt="产品名称九"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称九</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称九">产品名称九</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P40311405OO.jpg" alt="产品名称七"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称七</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称七">产品名称七</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P403114001O0.jpg" alt="产品名称六"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称六</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称六">产品名称六</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P4031139224V.jpg" alt="产品名称四"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称四</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称四">产品名称四</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P403113S5928.jpg" alt="产品名称五"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称五</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称五">产品名称五</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P403113P04Y.jpg" alt="产品名称三"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称三</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称三">产品名称三</a></h3>
                    </div>
                    <div class="item project-post">
                        <div class="project-gallery"><img src="skin/images/1-1P403113644148.jpg" alt="产品名称一"/>
                            <div class="hover-box">
                                <div class="inner-hover">
                                    <h2><a href="javascript:;">产品名称一</a></h2>
                                    <span>二通道/上下型</span></div>
                            </div>
                        </div>
                        <h3 class="iport-h3-title"><a href="javascript:;" title="产品名称一">产品名称一</a></h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="tabs-section" id="index-whyus">
        <div class="container">
            <div class="row">
                <div class="col-md-7 whyus-left">
                    <div class="about-us-box">
                        <h1>选择我们的理由</h1>
                        <p class="whyus-desc">
                            与国内知名大学深度合作，有IC研发团队、电子应用研发中心和客户服务中心，在玩具生产基地拥有结构开发团队和生产工厂。公司从源头做起，专注智能电子玩具行业十年，掌握核心技术，并于2006年通过ISO-9001质量管理体系；生产产品各项检测评估通过多家权威机构检测认证如：SGS、TUV、UL、GS
                            ,CE</p>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="about-us-post">
                                    <a><i class="fa fa-star"></i></a>
                                    <h2>掌握核心技术，自行研发生产遥控飞机核心部件</h2>
                                </div>

                                <div class="about-us-post">
                                    <a><i class="fa fa-code"></i></a>
                                    <h2>遥控飞机控制程序由公司高级工程师自行开发编写</h2>
                                </div>
                                <div class="about-us-post">
                                    <a><i class="fa fa-globe"></i></a>
                                    <h2>全球市场70%的遥控飞机，均由我司提供技术支持</h2>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="about-us-post">
                                    <a><i class="fa fa-calendar"></i></a>
                                    <h2>我们是中国最早的遥控飞机研发参与者之一</h2>
                                </div>
                                <div class="about-us-post">
                                    <a><i class="fa fa-empire"></i></a>
                                    <h2>中国第一台遥控飞机制造者</h2>
                                </div>
                                <div class="about-us-post">
                                    <a><i class="fa fa-money"></i></a>
                                    <h2>欧美市场90%的遥控飞机出自我们</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5 whyus-right">
                    <div class="about-box">
                        <a href="javascript:;"><img src="skin/images/iabout.jpg"/></a>
                        <h2 class="dark-title"><a href="javascript:;">我的网站</a></h2>
                        <div class="iabout-text">
                            <p>
                                某某有限公司成立于2002年，总部位于惠州市江北德威大厦。与国内知名大学深度合作，拥有IC研发团队、电子应用研发中心和客户服务中心；在玩具生产基地拥有结构开发团队和生产工厂。是一家专业提供
                                手机遥控飞机 , 遥控玩具飞机 ， 智能遥控飞机 生产厂家。
                                公司从源头做起，专注智能电子玩具行业十年，掌握核心技术，并于2006年通过ISO-9001质量管理体系；生产产品各项检... </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="news-section" id="index-news">
        <div class="container">
            <h3 class="text-center section-title"><a href="javascript:;">新闻资讯</a></h3>
            <div class="news-box owl-wrapper">
                <div class="owl-carousel" data-num="4">
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P421113544307.jpg"
                                                                           alt="纽约马拉松安保升级 遥控飞机自拍器成违"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;" title="纽约马拉松安保升级 遥控飞机自拍器成违">纽约马拉松安保升级
                                遥控飞机自拍器成违</a></h2>
                            <p class="desc">当年发生在波士顿马拉松的爆炸案震惊了整个世界，如今美国国内举行的所有马拉松赛事都大幅提升了安保级别，在今年的纽...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P421113G5U3.jpg"
                                                                           alt="遥控飞机致孩子眼睛失明 盘点家中隐藏“"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;" title="遥控飞机致孩子眼睛失明 盘点家中隐藏“">遥控飞机致孩子眼睛失明
                                盘点家中隐藏“</a></h2>
                            <p class="desc">据英国每日邮报报道，18个月的孩子OscarWebb眼球被遥控飞机切开，致右眼失明。事发时，Oscar正在花园里玩，家里一位操作遥...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P42111364A20.jpg"
                                                                           alt="《遥控飞机模拟器》带你冲上云霄"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;" title="《遥控飞机模拟器》带你冲上云霄">《遥控飞机模拟器》带你冲上云霄</a>
                            </h2>
                            <p class="desc">模拟游戏Airplane RC Flight Simulator
                                《遥控飞机模拟器》是一款模拟遥控飞机的模拟器，其实本来遥控飞机就是会飞的飞机模型，...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P4211136311Z.jpg"
                                                                           alt="关于FPV摄像头C4008和C4010的画质解疑"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;" title="关于FPV摄像头C4008和C4010的画质解疑">关于FPV摄像头C4008和C4010的画质解疑</a>
                            </h2>
                            <p class="desc">最近有很多客户反映C4008和C4010图传画质是360P的，其实不然。 FPV
                                APP软件设置的手机端分辨率是640*360的，这样是为了提高图传...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P42111323JR.jpg"
                                                                           alt="遥控飞机入门指南系列（二）F45的调试"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;" title="遥控飞机入门指南系列（二）F45的调试">遥控飞机入门指南系列（二）F45的调试</a>
                            </h2>
                            <p class="desc">一、新机到货后的检查 在这里强调一下，以后无论大家购入什么飞机，新机到手后距离起飞还有许多事要干，不要直接拿来...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P421113103M8.jpg"
                                                                           alt="你的遥控飞机“听话”吗？实测发现部分"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;"
                                                       title="你的遥控飞机“听话”吗？实测发现部分">你的遥控飞机“听话”吗？实测发现部分</a></h2>
                            <p class="desc">1 在飞行及转弯过程中，4架飞机均不同程度晃动，其中一架甚至偏离方向直接落下。 2 4架飞机均无法在空中长时间悬停，悬...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P421112946394.jpg"
                                                                           alt="未来城市的无人机送货系统是怎样的？"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;"
                                                       title="未来城市的无人机送货系统是怎样的？">未来城市的无人机送货系统是怎样的？</a></h2>
                            <p class="desc">一直以来无人机是我们热衷的话题，据第三方机构Statista预测，全美2017年消费级无人机销售额将达到前所未有的约13亿美元，...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="item news-post">
                        <div class="news-gallery">
                            <a href="javascript:;" class="thumb-link"><img src="skin/images/1-1P421113030b0.jpg"
                                                                           alt="《遥控飞机模拟器》怎么玩 玩法技巧详解"/></a>
                            <div class="date-post">
                                <p>2018-04 <span>24</span></p>
                            </div>
                        </div>
                        <div class="news-content">
                            <h2 class="inews-title"><a href="javascript:;" title="《遥控飞机模拟器》怎么玩 玩法技巧详解">《遥控飞机模拟器》怎么玩
                                玩法技巧详解</a></h2>
                            <p class="desc">《遥控飞机模拟器》(Airplane RC Flight Simulator)是开发商Phouthasone
                                Bouapha推出的一款模拟游戏。《遥控飞机模拟器》以飞机为主题...</p>
                            <a href="javascript:;" class="news-readmore">阅读更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer id="footer-sec">
        <div class="container">
            <div class="footer-widgets">
                <div class="row">
                    <div class="col-md-3 col-sm-12 foot-about">
                        <div class="widgets">
                            <h2 class="dark-title"><a href="javascript:;">关于我们</a></h2>
                            <div class="f-about">
                                某某有限公司成立于2002年，总部位于惠州市江北德威大厦。与国内知名大学深度合作，拥有IC研发团队、电子应用研发中心和客户服务中心；在玩具生产基地拥有结构开发团队和生产工厂。是一家专业提供
                                手机遥控飞机 , 遥控玩具飞机 ， 智能遥控飞机 生产厂家。
                                公司从源头做起，专注智能电子玩具行业十年，掌握核心技术，并于2006年通过ISO-9001质量管理体系；生产产品各项检...
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
                        <div class="widgets">
                            <h2>快捷链接</h2>
                            <ul class="tag-list">
                                <li>
                                    <a href="javascript:;">网站首页</a>
                                </li>

                                <li>
                                    <a href="javascript:;">关于我们</a>
                                </li>

                                <li>
                                    <a href="javascript:;">产品系列</a>
                                </li>

                                <li>
                                    <a href="javascript:;">定制案例</a>
                                </li>

                                <li>
                                    <a href="javascript:;">新闻资讯</a>
                                </li>

                                <li>
                                    <a href="javascript:;">产品原理</a>
                                </li>

                                <li>
                                    <a href="javascript:;">招商加盟</a>
                                </li>

                                <li>
                                    <a href="javascript:;">联系我们</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
                        <div class="widgets">
                            <h2 class="dark-title"><a href="javascript:;">联系我们</a></h2>
                            <div class="f-contact">
                                <p><i class="fa fa-map-marker"></i> 地址：湖北省武汉市武昌经济开发区 </p>
                                <p><i class="fa fa-phone"></i> 电话：400-001-0000 </p>
                                <p><i class="fa fa-fax"></i> 传真：+86-123-4567 </p>
                                <p><i class="fa fa-globe"></i> 手机：13800000000 </p>
                                <p><i class="fa fa-envelope"></i> 邮箱：admin@qq.com </p>
                                <p><i class="fa fa-home"></i> 网址：www.wangdahai.cn </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
                        <div class="widgets info-widget">
                            <h2>扫描二维码</h2>
                            <div class="f-qrcode"><img src="skin/images/qrcode.png"/></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="last-line">
            <div class="container">
                <p class="copyright"> Copyright &copy; 2018 某某智能玩具有限公司 更多模板：<a href="http://www.cssmoban.com/"
                                                                               target="_blank">模板之家</a></p>
            </div>
        </div>
    </footer>
</div>
<script type="text/javascript" src="skin/js/jquery.migrate.js"></script>
<!--<script type="text/javascript" src="skin/js/jquery.bxslider.min.js"></script>-->
<script type="text/javascript" src="skin/js/jquery.imagesloaded.min.js"></script>
<script type="text/javascript" src="skin/js/retina-1.1.0.min.js"></script>
<script type="text/javascript" src="skin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="skin/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="skin/js/script.js"></script>
<nav id="mmenu" class="noDis">
    <div class="mmDiv">
        <div class="MMhead">
            <a href="#mm-0" class="closemenu noblock">X</a>
            <a href="javascript:;" target="_blank" class="noblock"><i class="fa fa-weibo"></i></a>
            <a href="javascript:;" target="_blank" class="noblock"><i class="fa fa-tencent-weibo"></i></a>
            <!--<a href="javascript:;" target="_blank" class="noblock">English</a>-->
        </div>
        <div class="mm-search">
            <form class="mm-search-form" name="formsearch" action="javascript:;">
                <input type="hidden" name="kwtype" value="0"/>
                <input type="text" autocomplete="off" value="" name="q" class="side-mm-keyword" placeholder="输入关键字..."/>
            </form>
        </div>
        <ul>
            <li class="m-Lev1 m-nav_0">
                <a href="index.html">网站首页</a>
            </li>
            <li class="m-Lev1 m-nav_4">
                <a href="javascript:;" class="m-menu1">关于我们</a>
                <ul class="m-submenu">

                    <li class="Lev2">
                        <a href="about_us.html" class="m-menu2">公司简介</a>
                    </li>

                    <li class="Lev2">
                        <a href="about_brand.html" class="m-menu2">品牌起源</a>
                    </li>

                    <li class="Lev2">
                        <a href="about_album.html" class="m-menu2">公司相册</a>
                    </li>

                </ul>
            </li>
            <li class="m-Lev1 m-nav_4">
                <a href="javascript:;" class="m-menu1">产品系列</a>
                <ul class="m-submenu">

                    <li class="Lev2">
                        <a href="product.html" class="m-menu2">二通道/上下型</a>
                    </li>

                    <li class="Lev2">
                        <a href="product.html" class="m-menu2">三通道/转弯型</a>
                    </li>

                    <li class="Lev2">
                        <a href="product.html" class="m-menu2">四通道/动作型</a>
                    </li>

                    <li class="Lev2">
                        <a href="product.html" class="m-menu2">X-SERIES系列</a>
                    </li>

                </ul>
            </li>
            <li class="m-Lev1 m-nav_4">
                <a href="product_diy.html" class="m-menu1">定制案例</a>

            </li>
            <li class="m-Lev1 m-nav_4">
                <a href="news.html" class="m-menu1">新闻资讯</a>

            </li>
            <li class="m-Lev1 m-nav_4">
                <a href="product_yuanli.html" class="m-menu1">产品原理</a>

            </li>
            <li class="m-Lev1 m-nav_4">
                <a href="javascript:;" class="m-menu1">招商加盟</a>
                <ul class="m-submenu">

                    <li class="Lev2">
                        <a href="join_us.html" class="m-menu2">加盟细则</a>
                    </li>

                    <li class="Lev2">
                        <a href="join_us.html" class="m-menu2">加盟流程</a>
                    </li>

                    <li class="Lev2">
                        <a href="join_us.html" class="m-menu2">回报优势</a>
                    </li>

                </ul>
            </li>
            <li class="m-Lev1 m-nav_4">
                <a href="contact.html" class="m-menu1">联系我们</a>

            </li>
        </ul>
    </div>
</nav>
<link type="text/css" rel="stylesheet" href="skin/css/jquery.mmenu.all.css"/>
<script type="text/javascript" src="skin/js/jquery.mmenu.all.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        var mmenu = $('nav#mmenu').mmenu({
            slidingSubmenus: true,
            classes: 'mm-white', //mm-fullscreen mm-light
            extensions: ["theme-white"],
            offCanvas: {
                position: "right", //left, top, right, bottom
                zposition: "front" //back, front,next
                //modal		: true
            },
            searchfield: false,
            counters: false,
            //navbars		: {
            //content : [ "prev", "title", "next" ]
            //},
            navbar: {
                title: "网站导航"
            },
            header: {
                add: true,
                update: true,
                title: "网站导航"
            }
        });
        $(".closemenu").click(function () {
            var mmenuAPI = $("#mmenu").data("mmenu");
            mmenuAPI.close();
        });
    });
</script>
<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
</style>
<div class="copyrights">
    Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
    <a href="https://www.chazidian.com/" title="查字典">查字典</a>
</div>


<!--引入vue框架-->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<!--发异步请求-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<script>
    let v = new Vue({
        el: "#app",
        data: {
            proArr: [
                {
                    "imgPath":"skin/images/1-1P424152250229.jpg",
                    "productName":"二通道/上下型",
                    "productDesc":"2.4GHz展频遥控技术；六轴陀螺仪控制系统；炫酷一键翻滚、3D翻滚飞行；加载FPV实时航拍组件！"
                },
                {
                    "imgPath":"skin/images/1-1P424152233A3.jpg",
                    "productName":"三通道/转弯型",
                    "productDesc":"2.4GHz展频遥控技术；左右手油门切换模式；单桨设计，抗风性、稳定性极强；全比例伺服舵机让飞行更加美观！"
                },
                {
                    "imgPath":"skin/images/1-1P424152345608.jpg",
                    "productName":"四通道/动作型",
                    "productDesc":"2.4GHz展频遥控技术；六轴陀螺仪控制系统；炫酷一键翻滚、3D翻滚飞行；加载FPV实时航拍组件！"
                },
                {
                    "imgPath":"skin/images/1-1P424152419A6.jpg",
                    "productName":"X-SERIES系列",
                    "productDesc":"2.4GHz展频遥控技术；左右手油门切换模式；单桨设计，抗风性、稳定性极强；全比例伺服舵机让飞行更加美观！"
                },
                {
                    "imgPath":"skin/images/1-1P424152419A6.jpg",
                    "productName":"X-SERIES系列",
                    "productDesc":"2.4GHz展频遥控技术；左右手油门切换模式；单桨设计，抗风性、稳定性极强；全比例伺服舵机让飞行更加美观！"
                },
                {
                    "imgPath":"skin/images/1-1P424152419A6.jpg",
                    "productName":"X-SERIES系列",
                    "productDesc":"2.4GHz展频遥控技术；左右手油门切换模式；单桨设计，抗风性、稳定性极强；全比例伺服舵机让飞行更加美观！"
                }
            ]
        },
        // vue对象被创建的时候自动执行
        created: function(){
            this.getData();
        },
        methods:{
            // 获取商品列表
            getData:function () {

                //发请求到后台获取地址
                axios.get("/xxxx").then(function (response) {
                    v.proArr = response.data.data;
                })

            }
        }
    })

</script>

</body>

</html>